<div>

    <div class="ibox ">
        <div class="ibox-title">
            <h5>
                <vc:i18n name="巡检计划" namespace="aInspectionPlanDetail"></vc:i18n>
            </h5>
            <div class="ibox-tools">
             
            </div>
        </div>
        <div class="ibox-content">
            <div class="row">
            
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            计划名称：
                        </label>
                        <label class="">{{aInspectionPlanDetailInfo.inspectionPlanName}}</label>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            计划路线：
                        </label>
                        <label class="">{{aInspectionPlanDetailInfo.inspectionRouteName}}</label>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            计划周期：
                        </label>
                        <label class="">{{aInspectionPlanDetailInfo.inspectionPlanPeriodName}}</label>
                    </div>
                </div>

                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            签到方式：
                        </label>
                        <label class="">{{aInspectionPlanDetailInfo.signTypeName}}</label>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            日期范围：
                        </label>
                        <label class="">{{aInspectionPlanDetailInfo.startDate}}~{{aInspectionPlanDetailInfo.endDate}}</label>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            时间范围：
                        </label>
                        <label class="">{{aInspectionPlanDetailInfo.startTime}}~{{aInspectionPlanDetailInfo.endTime}}</label>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            任务提前(分钟)：
                        </label>
                        <label class="">{{aInspectionPlanDetailInfo.beforeTime}}</label>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            制定人：
                        </label>
                        <label class="">{{aInspectionPlanDetailInfo.createUserName}}</label>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            制定时间：
                        </label>
                        <label class="">{{aInspectionPlanDetailInfo.createTime}}</label>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            状态：
                        </label>
                        <label class="">{{aInspectionPlanDetailInfo.stateName}}</label>
                    </div>
                </div>
									
            </div>

        </div>
    </div>
    <div class="ibox ">

        <div class="ibox-content">
            <div class="margin-top-sm">
                <ul class="nav nav-tabs">
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:aInspectionPlanDetailInfo._currentTab == 'aInspectionPlanDetailStaff'}"
                            v-on:click="changeTab('aInspectionPlanDetailStaff')">
                            <vc:i18n name="巡检人员" namespace="aInspectionPlanDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:aInspectionPlanDetailInfo._currentTab == 'adminPointRoute'}"
                            v-on:click="changeTab('adminPointRoute')">
                            <vc:i18n name="巡检路线" namespace="aInspectionPlanDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:aInspectionPlanDetailInfo._currentTab == 'aInspectionRoutePoint'}"
                            v-on:click="changeTab('aInspectionRoutePoint')">
                            <vc:i18n name="巡检点" namespace="aInspectionPlanDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:aInspectionPlanDetailInfo._currentTab == 'adminRouteTask'}"
                            v-on:click="changeTab('adminRouteTask')">
                            <vc:i18n name="巡检任务" namespace="aInspectionPlanDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:aInspectionPlanDetailInfo._currentTab == 'adminPointTaskDetail'}"
                            v-on:click="changeTab('adminPointTaskDetail')">
                            <vc:i18n name="巡检明细" namespace="aInspectionPlanDetail"></vc:i18n>
                        </a>
                    </li>
                </ul>
            </div>

           <div v-if="aInspectionPlanDetailInfo._currentTab == 'aInspectionPlanDetailStaff'">
                <vc:create path="inspection/aInspectionPlanDetailStaff"></vc:create>
            </div>
            <div v-if="aInspectionPlanDetailInfo._currentTab == 'adminPointRoute'">
                <vc:create path="inspection/adminPointRoute"></vc:create>
            </div>
            <div v-if="aInspectionPlanDetailInfo._currentTab == 'aInspectionRoutePoint'">
                <vc:create path="inspection/aInspectionRoutePoint"></vc:create>
            </div>

            <div v-if="aInspectionPlanDetailInfo._currentTab == 'adminRouteTask'">
                <vc:create path="inspection/adminRouteTask"></vc:create>
            </div>
                                
            <div v-if="aInspectionPlanDetailInfo._currentTab == 'adminPointTaskDetail'">
                <vc:create path="inspection/adminPointTaskDetail"></vc:create>
            </div> <!-- -->
            

        </div>
    </div>


</div>